<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>link元素的使用</title>
  <!-- 
  <link> 元素标签用于在HTML文档中链接外部资源，通常用于引入外部样式表、网站图标、字体文件等。 <link> 标签通常位于 <head> 标签内部，并通过 rel 属性指定链接的资源类型，通过 href 属性指定资源的路径。
  -->
  <!-- 引入css外部样式表 -->
  <link rel="stylesheet" href="./css/style.css">
  <!-- 引入网站图标 -->
  <link rel="shortcut icon" href="../../images/favicon.ico">
  <!-- 引入字体文件 -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
  <!-- 预加载资源： -->
  <link rel="preload" href="../../images/diqiu.jpg" as="image">
</head>
<body>
  
</body>
</html>